/*div#searchDiv01 {
	width: 0;
	height: 0;
	border-width: 30px;
	border-style: solid;
	border-color: transparent rgba(255, 165, 0, 0.9) transparent transparent;
	overflow: hidden;
	transition: all 0.3s;
	position: fixed;
	right: 0;
	bottom: 200px;
	
	
}*/
div#searchDiv01 {
	z-index: 300000;
	position: fixed;
	left: 0;
	width: 320px;
	height: auto;
	bottom: 0;
	overflow: auto;
	border: 0;
	margin: 0 auto;
}

div#searchDiv01>div {
	width: 100%;
	overflow: hidden;
}

div#searchDiv01 div#searchDiv001 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 35px;
	line-height: 35px;
	border: 3px solid dodgerblue;
	background: white;
	transition: all 0.3s;
	/*overflow: hidden;*/
}

div#searchDiv001:hover {
	border: 5px solid dodgerblue;
	border-radius: 10px;
	
}

div#searchDiv001 input[type=text] {
	flex: 3.7;
	border: none;
	outline: none;
	height: 100%;
}


/*当鼠标光标定位focus在这个搜索框中时，让输入框的边框与外边框不要出现*/

div#searchDiv001 input[type=text]:focus {
	border: none;
	outline: none;
	transition: all 0.3s;
}


/*当鼠标光标定位focus在这个搜索框中时，让placeholder的文字颜色变化*/

div#searchDiv001 input[type=text]:focus::-webkit-input-placeholder {
	color: rgba(30, 144, 255, 0.9);
	text-shadow: 2px -2px solid #ccc;
}


/*当鼠标悬浮在div，id=searchDiv001上时，让输入框input的圆角变圆一些*/

div#searchDiv001:hover input[type=text] {
	border-radius: 10px;
}

div#searchDiv001:hover span {
	border-radius: 0px 8px 7px 0;
}

div#searchDiv001 span {
	transition: all 0.3s;
	flex: 1.3;
	text-align: center;
	color: white;
	padding: 0 5px;
	height: 105%;
	background: deepskyblue;
	box-shadow: 2px -2px solid deepskyblue;
}


/*接着设置搜索框外层的那个大盒子下面的第二个子元素div的样式设置，就是装有搜索提示的ul列表的div*/

div#searchDiv01>div:nth-of-type(2) .searchUl {
	width: 100%;
	height: auto;
}

div#searchDiv01>div:nth-of-type(2) .searchUl li {
	/*overflow: hidden;*/
	width: 100%;
	height: 36px;
	line-height: 30px;
	padding: 3px 5px;
	border-bottom: 1px solid white;
	background: rgba(241, 110, 29, 0.9);
}

div#searchDiv01>div:nth-of-type(2) .searchUl li a {
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	text-align: left;
}